﻿<Canvas 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="250" Height="135" Background="{DynamicResource Background}">
    <Rectangle Width="250" Height="25" Fill="{DynamicResource HorizontalGradient}"/>
    <StackPanel Orientation="Vertical">
        <TextBlock FontSize="18" Text="{DynamicResource ZuneTag}" Foreground="{DynamicResource Foreground}"/>
        <StackPanel Orientation="Horizontal">
            <Image Height="48" Width="48" Stretch="Fill" Source="{DynamicResource AvatarImage}"/>
            <Canvas Width="154" Background="{DynamicResource SectionBackground}">
                <TextBlock Canvas.Left="6" Canvas.Top="5" Text="Plays" Foreground="{DynamicResource SectionForeground}" Visibility="{DynamicResource ShowPlays}"/>
                <TextBlock Canvas.Left="50" Canvas.Top="5" Width="96" Text="{DynamicResource Plays}" Foreground="{DynamicResource SectionForeground}" Visibility="{DynamicResource ShowPlays}"/>
                <TextBlock Canvas.Left="6" Canvas.Top="27" Foreground="{DynamicResource SectionForeground}" Text="Badges" Visibility="{DynamicResource ShowBadges}"/>
                <TextBlock Canvas.Left="50" Canvas.Top="27" Width="96" Foreground="{DynamicResource SectionForeground}" Text="{DynamicResource Badges}" Visibility="{DynamicResource ShowBadges}"/>
            </Canvas>
            <StackPanel Orientation="Vertical" Width="48" Height="48">
                <Rectangle Height="32" Width="32" Fill="{DynamicResource Device}" Visibility="{DynamicResource ShowZune}"/>
                <TextBlock HorizontalAlignment="Center" Foreground="{DynamicResource Foreground}" Text="{DynamicResource Zune}" Visibility="{DynamicResource ShowZune}"/>
            </StackPanel>
        </StackPanel>
        <Canvas Height="48" Width="250">
            <Image Stretch="Fill" Height="48" Width="250" Source="{DynamicResource BackgroundImage}" Visibility="{DynamicResource ShowBackground}"/>
            <StackPanel Canvas.Left="6" Canvas.Top="8" Orientation="Horizontal" Height="32">
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage5}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage6}" Visibility="{DynamicResource ShowCovers}"/>
                <Image Margin="1" Stretch="Fill" Height="32" Width="32" Source="{DynamicResource CoverImage7}" Visibility="{DynamicResource ShowCovers}"/>
            </StackPanel>
        </Canvas>
        <TextBlock Text="{DynamicResource Status}" Foreground="{DynamicResource ItemForeground}" Visibility="{DynamicResource ShowStatus}"/>
    </StackPanel>
</Canvas>

